
.main-mail-form-border-bottom {
	border-bottom: 1px solid rgba(198,205,211,0.35);
}

.main-mail-form-wrapper {
	clear: both;
	background: #fff;
	padding: 0 20px;
	font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	border-radius: var(--main-mail-form-border-radius, var(--ui-border-radius-md));
}

.main-mail-form-fields-wrapper {
	padding: 7px 0;
}

.main-mail-form-docs-wrapper {
	margin: -20px 0 15px 0;
	border-top: 1px solid rgba(198,205,211,0.35);
	background: rgba(235, 241, 244, 0.23);
	padding: 10px 20px;
}

.main-mail-form-fields-table {
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	width: 100%;
}

.main-mail-form-fields-table-cell {
	padding: 7px 0;
}

.main-mail-form-fields-footer-cell {
	padding: 0;
}

.main-mail-form-field-title-cell {
	padding-right: 10px;
	color: #80868e;
	vertical-align: top;
	text-align: right;
	white-space: nowrap;
}

.main-mail-form-field-title,
.main-mail-form-field-spacer,
.main-mail-form-field-spacer-25 {
	display: inline-block;
	vertical-align: middle;
}

.main-mail-form-field-title-required .main-mail-form-field-title {
	font-weight: var(--ui-font-weight-bold);
}

.main-mail-form-field-spacer {
	height: 39px;
}

.main-mail-form-field-spacer-25 {
	height: 25px;
}

.main-mail-form-field-value-cell {
	width: 100%;
	vertical-align: middle;
}

.main-mail-form-field-value-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #c6cdd3;
	border-radius: var(--main-mail-form-field-border-radius, var(--ui-border-radius-2xs, 2px));
	padding: 3px;
	min-height: 39px;
}

.main-mail-form-field-value-short .main-mail-form-field-value-wrapper {
	max-width: 480px;
}

.main-mail-form-field-value-rcpt .main-mail-form-field-value-wrapper {
	padding: 3px 0 0 3px;
}

.main-mail-form-field-value-menu-ext .main-mail-form-field-value-wrapper,
.main-mail-form-editor-wrapper.main-mail-form-field-value-menu-ext {
	margin-right: 24px;
}

.main-mail-form-field-value-menu-ext .main-mail-form-field-value-menu-ext-button {
	position: absolute;
	display: block;
	top: 0px;
	right: -30px;
	opacity: 0.6;
	cursor: pointer;
	transition: opacity .2s;
}

.main-mail-form-editor-wrapper .main-mail-form-field-value-menu-ext-button {
	right: -29px;
}

.main-mail-form-field-value-menu-ext .main-mail-form-field-value-menu-ext-button:before {
	content: ' ';
	display: block;
	margin: 16px 17px 16px 5px;
	width: 4px;
	height: 4px;
	background: #80868e;
	box-shadow: 6px 0 0 #80868e, 12px 0 0 #80868e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.main-mail-form-field-value-menu-ext .main-mail-form-field-value-menu-ext-button:hover {
	opacity: 1;
}

.main-mail-form-field-value-menu-ext-content .popup-window-content {
	max-height: 360px;
	overflow-y: auto;
}

.main-mail-form-field-rcpt-value-wrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-bottom: 3px;
	min-width: 160px;
}

.main-mail-form-field-value {
	position: relative;
	box-sizing: border-box;
	outline: none;
	border: none;
	padding: 0 5px;
	height: 31px;
	width: 100%;
	font: 15px/31px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	vertical-align: middle;
}

.main-mail-form-field-value::placeholder {
	font-size: 13px;
	color: #80868e;
}

.main-mail-form-field-rcpt-value {
	vertical-align: baseline;
}

.main-mail-form-field-from-icon {
	display: inline-block;
	margin: 0 5px 0 0;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background: #535c6a no-repeat center;
	background-image: url();
	background-size: 50%;
	vertical-align: middle;
}

.main-mail-form-field-from-copy {
	float: right;
}

.main-mail-form-field-from-copy-checkbox {
	vertical-align: middle;
	margin: 0px 5px;
}

.main-mail-form-field-from-copy-text {
	color: #80868e;
}

.main-mail-form-field-value-menu {
	color: #525c69;
	cursor: pointer;
}

.main-mail-form-field-value-menu:after {
	content: "";
	display: inline-block;
	margin: -1px 0 0 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4.5px 0 4.5px;
	border-color: rgba(82,92,105,.5) transparent transparent transparent;
	vertical-align: middle;
	-webkit-transition: border-color .3s;
	transition: border-color .3s;
}
.main-mail-form-field-value-menu:hover:after {
	border-color: rgba(82,92,105,1) transparent transparent transparent;
}

.main-mail-form-field-value-menu-content .popup-window-content {
	max-height: 360px;
	overflow-y: auto;
}

.main-mail-form-fields-buttons {
	text-align: right;
	font-size: 12px;
}

.main-mail-form-field-button {
	margin: 0 0 0 10px;
	color: #80868e;
	cursor: pointer;
	border-bottom: 1px dashed transparent;
	transition: border-bottom-color .1s linear;
}

.main-mail-form-field-button:hover {
	border-bottom-color: #80868e;
}

.main-mail-form-quote-button-wrapper {
	display: block;
}

.main-mail-form-quote-button {
	display: inline-block;
	margin: 10px;
	height: 12px;
	width: 32px;
	background: #e2e3e5;
	color: #535c69;
	text-align: center;
	line-height: 5px;
	cursor: pointer;
}

.main-mail-form-footer-wrapper,
.main-mail-form-footer {
	box-sizing: border-box;
	padding: 10px 0;
}

.main-mail-form-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #fff;
}

.main-mail-form-footer-fixed {
	position: fixed;
	bottom: 0;
	z-index: 1500;
	padding: 10px 20px;
	box-shadow: 0 -4px 4px -2px rgba(0, 0, 0, .05);
	transform: translateY(0) !important;
	transition: transform .4s ease-in-out;
}

.main-mail-form-footer-fixed-hidden {
	transform: translateY(200%) !important;
}

.main-mail-form-editor-wrapper {
	position: relative;
}

.main-mail-form-drop-animation {
	-webkit-animation: mainMailFormDropKeyframes .2s linear forwards !important;
	animation: mainMailFormDropKeyframes .2s linear forwards !important;
}

.main-mail-form-rise-animation {
	-webkit-animation: mainMailFormRiseKeyframes .2s linear forwards !important;
	animation: mainMailFormRiseKeyframes .2s linear forwards !important;
}

.main-mail-form-hide-animation {
	-webkit-animation: mainMailFormHideKeyframes .2s linear forwards !important;
	animation: mainMailFormHideKeyframes .2s linear forwards !important;
}

@-webkit-keyframes mainMailFormDropKeyframes {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes mainMailFormDropKeyframes {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes mainMailFormRiseKeyframes {
	0% {
		opacity: 0;
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes mainMailFormRiseKeyframes {
	0% {
		opacity: 0;
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes mainMailFormHideKeyframes {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

@keyframes mainMailFormHideKeyframes {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

/* main.post.form + disk.uf.file hacks */
.main-mail-form-wrapper .main-mail-form-editor-wrapper .feed-add-post-form,
.main-mail-form-wrapper .main-mail-form-editor-wrapper .feed-add-post-text {
	margin: 0;
	padding: 0;
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper .feed-add-post-form {
	margin: 0 0 5px 0;
	padding: 0;
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper .feed-add-post-form-but-wrap {
	margin: 0 0 0 10px;
	padding: 0;
	border: none;
}
.main-mail-form-wrapper .main-mail-form-editor-wrapper .diskuf-selectdialog {
	margin: 5px 0 0 0;
	padding: 15px 0;
	border: none;
	border-top: 1px solid rgba(198,205,211,0.35);
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper .diskuf-files-block {
	padding: 5px 0 0 5px;
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper .feed-add-post-form {
	border-top: 1px solid transparent;
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper.main-mail-form-editor-no-toolbar .feed-add-post-form {
	border-top: 1px solid rgba(198,205,211,0.35);
}

/* rcpt selector styles */
.feed-add-destination-link.main-mail-form-field-rcpt-add-link {
	font-family: inherit;
	font-size: inherit;
	line-height: 17px;
	margin-top: 6px;
	margin-right: 5px;
	margin-bottom: 9px;
}
.main-mail-form-field-rcpt-item,
.main-mail-form-field-rcpt-more-wrapper {
	margin: 0 3px 3px 0;
	vertical-align: middle;
}
.main-mail-form-wrapper .main-mail-form-field-rcpt-item .feed-add-post-destination,
.main-mail-form-wrapper .main-mail-form-field-rcpt-more-wrapper .feed-add-post-destination {
	margin: 0;
}
.feed-add-post-destination.main-mail-form-field-rcpt-item-more {
    background: #efefef;
    color: #808080;
	padding: 0 10px;
	cursor: pointer;
}

.menu-popup-right-icon {
	padding-right: 16px;
}
.menu-popup-item .main-mail-form-field-from-menu-delete-icon {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 32px;
}

/* version = 1 patch begin */
.feed-add-post-destination.feed-add-post-destination-mailcontacts {
	background-color: #ffec91;
	color: #a26b00;
	padding-left: 32px;
}
.feed-add-post-destination.feed-add-post-destination-mailcontacts:before {
	background: url("/bitrix/components/bitrix/main.post.form/templates/.default/images/sprite_mpf_5.png?1") no-repeat 0 -92px;
	content: "";
	height: 13px;
	position: absolute;
	width: 13px;
	left: 9px;
	top: 8px
}
.feed-add-post-destination.feed-add-post-destination-mailcontacts::before {
	background-position: -33px -92px
}
.feed-add-post-destination.feed-add-post-destination-mailcontacts .feed-add-post-del-but {
	background-position: -113px -61px;
}
/* version = 1 patch end */

.main-mail-form-field-value-rcpt .ui-tile-selector-selector-wrap {
	padding: 2px 2px;
}
